<%--
  Created by IntelliJ IDEA.
  User: kwc13
  Date: 2023-12-13
  Time: 下午 02:01
  To change this template use File | Settings | File Templates.
--%>
<!-- 标记为HTML格式 -->
<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%@ page isELIgnored="false" %>
<!-- 设置页面为Chain -->
<html lang="ch">
<head>
    <title>小米账号 - 登陆</title>
    <!-- 设置地址栏主题背景颜色 -->
    <meta name="theme-color" content="#000000">
    <!-- 页面描述 -->
    <meta name="description" content="页面描述信息">
    <!-- 移动端显示 -->
    <meta name="viewport" content="width=device-width,initial-scale=1.0">
    <!-- 页面Logo -->
    <link rel="shortcut icon" href="http://localhost:8083/resource_packs/images/logo.png">
    <!-- Jquery -->
    <script src="${pageContext.request.contextPath}/other/component/jquery.min.js"></script>
    <!-- 工具类 -->
    <script src="${pageContext.request.contextPath}/other/resource/input_util.js"></script>
    <script src="${pageContext.request.contextPath}/other/resource/text_util.js"></script>
    <!-- JS -->
    <script src="${pageContext.request.contextPath}/other/request/reception_desk/index.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/reception_desk/login.js"></script>
    <script src="${pageContext.request.contextPath}/other/request/reception_desk/captcha.js"></script>
    <script src="${pageContext.request.contextPath}/other/scripts/reception_desk/login.js"></script>
    <!-- CSS -->
    <link href="${pageContext.request.contextPath}/other/style/reception_desk/login.css" rel="stylesheet"
          type="text/css"/>
</head>
<body>

<div class="body">
    <div class="img-left"><img src="http://localhost:8083/resource_packs/images/login.jpg" alt="登陆背景图片"></div>
    <div class="content-right">
        <div class="content-top">
            <div class="log-left">
                <img src="http://localhost:8083/resource_packs/images/logo.png" alt="小米Logo"><span>小米账号</span>
            </div>
            <div class="other-right">
                <ul>
                    <li><a href="">用户协议</a></li>
                    <li><a href="">隐私政策</a></li>
                    <li><a href="">帮助中心</a></li>
                    <li>
                        <div class="other-fill"></div>
                    </li>
                    <li><a href="">中文</a></li>
                </ul>
            </div>
        </div>
        <!-- 支撑 -->
        <div class="center-fill">
            <jsp:useBean id="menu" scope="request" type="java.lang.Integer"/>
            <div class="menu">${menu}</div>
        </div>
        <!-- 登陆 -->
        <div class="login-center">
            <div class="form-login">
                <div class="login-title">
                    <span class="login" options="1">登陆</span>
                    <span class="register" options="2">注册</span>
                </div>
                <!-- 隐藏部分 -->
                <div class="form-input from-login">
                    <div class="id">
                        <label>
                            <span class="placeholder-id">小米ID/手机号/邮箱</span>
                            <input type="text" class="input-id" name="java-text-id" value="">
                        </label>
                    </div>
                    <div class="hint">
                        <span class="hint-id"></span>
                    </div>
                    <div class="password">
                        <label>
                            <span class="placeholder-password">密码</span>
                            <input type="password" autoComplete="true" class="input-password" name="java-text-password">
                        </label>
                    </div>
                    <div class="hint" style="height: 20px">
                        <span class="hint-password"></span>
                    </div>
                    <div class="hint" style="height: 20px">
                        <span class="failed-login" style="margin-left: -190px;width: 240px;"></span>
                    </div>
                    <div class="hint" style="height: 10px">
                        <span class="check" style="margin-left: -110px;width: 240px;"></span>
                    </div>
                    <div class="protocol">
                        <label>
                            <input type="checkbox" name="running" class="protocol-input">
                            <div class="protocol-text">
                                <span>已阅读并同意小米帐号</span>
                                <a href="">用户协议</a>
                                <span>和</span> <a href="">隐私政策</a>
                            </div>
                        </label>
                    </div>
                    <div class="button">
                        <button class="login-button">登陆</button>
                    </div>
                    <div class="other-information">
                        <a href="#">忘记密码?</a><a href="#">手机号登陆</a>
                    </div>
                    <div class="other-login">
                        <span>其他方式登录</span>
                    </div>
                    <div class="other-img">
                        <ul>
                            <li>
                                <a href="" style="margin-left: 0;">
                                    <img src="http://localhost:8083/resource_packs/images/weibo.png" alt="微博">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="http://localhost:8083/resource_packs/images/wechat.png"
                                         alt="微信">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="http://localhost:8083/resource_packs/images/qq.png" alt="QQ">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="http://localhost:8083/resource_packs/images/alipay.png" alt="支付宝">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>


                <!-- 隐藏部分 -->
                <div class="form-input from-register" style="display: none">
                    <div class="id">
                        <label>
                            <span class="placeholder-mail">手机号/QQ邮箱</span>
                            <input type="text" class="input-mail" name="java-text-mail" value="">
                        </label>
                    </div>
                    <div class="hint">
                        <span class="hint-mail" style="margin-left: -200px"></span>
                    </div>
                    <div class="choose">
                        <label>
                            <span class="placeholder-code" style="margin-left: 10px;">请输入验证码</span>
                            <input type="text" class="input-code">
                        </label><a class="obtain">获取验证码</a>
                    </div>
                    <div class="hint" style="margin-top: -40px;">
                        <span class="hint-code" style="margin-left: -230px;"></span>
                    </div>
                    <div class="password">
                        <label>
                            <span class="placeholder-new-password">密码</span>
                            <input type="password" autoComplete="true" class="input-new-password"
                                   name="java-text-password"
                                   value="">
                        </label>
                    </div>
                    <div class="hint" style="height: 35px">
                        <span class="hint-new-password" style="margin-left: -280px;"></span>
                        <span class="hint-password-specification" style="margin-left: 270px;width: 100%;height: 20px"></span>
                        <span class="hint-new-protocol"
                              style="margin-top: 5px;display: block;margin-left: -87px;"></span>
                    </div>
                    <div class="protocol">
                        <label>
                            <input type="checkbox" class="register-input" name="running">
                            <div class="protocol-text">
                                <span>已阅读并同意小米帐号</span>
                                <a href="">用户协议</a>
                                <span>和</span> <a href="">隐私政策</a>
                            </div>
                        </label>
                    </div>
                    <div class="button">
                        <button class="register-button">注册</button>
                    </div>
                    <div class="other-login">
                        <span>其他方式登录</span>
                    </div>
                    <div class="other-img">
                        <ul>
                            <li>
                                <a href="" style="margin-left: 0;">
                                    <img src="http://localhost:8083/resource_packs/images/weibo.png" alt="微博">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="http://localhost:8083/resource_packs/images/wechat.png"
                                         alt="微信">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="http://localhost:8083/resource_packs/images/qq.png" alt="QQ">
                                </a>
                            </li>
                            <li>
                                <a href="">
                                    <img src="http://localhost:8083/resource_packs/images/alipay.png" alt="支付宝">
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="other-bottom">
            <span>小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</span>
        </div>
    </div>
</div>
</body>
</html>
